<template>
	<div class="swiper-container">
	  <div class="swiper-wrapper">
	    <div class="swiper-slide"><img src="../assets/images/p5qf.jpg"></div>
	    <div class="swiper-slide"><img src="../assets/images/zcfu.jpg"></div>
	  </div>
	  <div class="swiper-pagination"></div>
	</div>
</template>

<script>
	export default{
		mounted(){
			var self = this;
			var mySwiper = new Swiper(self.$el, {
				autoplay: 5000,
				loop : true,
				pagination : '.swiper-pagination',
			});
		}
	}

</script>


<style type="text/css">
	.swiper-slide {text-align: center;}
	.swiper-slide img{width: 100%;display: block;}
	.swiper-pagination-bullet{background: #fff}
</style>